<template>
  <!-- 导航栏 -->
        <van-nav-bar title="详情" left-text="返回" left-arrow @click-left=" () => { $router.back('/home'); } " fixed/>
  <!-- 图片 -->
  <div>
    <van-swipe :autoplay="3000" lazy-render>
      <van-swipe-item v-for="item in images" :key="image">
        <img :src="item.src" />
      </van-swipe-item>
    </van-swipe>
  </div>
  <h2>华凌空调 新一级啊水电费更好减肥的手动阀个</h2>
  <!-- 动作栏 -->
  <van-action-bar>
    <van-action-bar-icon icon="chat-o" text="客服" dot />
    <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
    <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
    <van-action-bar-button type="warning" text="加入购物车" />
    <van-action-bar-button type="danger" text="立即购买" />
  </van-action-bar>
</template>

<script setup>
import {ref} from 'vue'
let images = ref([
    {src:'/src/img/1.png'},
    {src:'/src/img/2.png'},
    {src:'/src/img/3.png'},
    {src:'/src/img/4.png'},
])
</script>

<style>
.van-swipe img{
    width: 100%;
    height: 500px;
}
</style>